@charset "utf-8";
*{ margin:0px; padding:0px;}
body{ background:#EEE; 
      font-family:"楷体";
}
img{ width:100%; height:100%;}
a:link,a:visited{
      color:#FFF;
	  background:#000;
	  text-decoration:none;
}
a:hover{ color:#cfb53b;
         background:#000;
         border-bottom:2px solid #cfb53b;		 
}
.top{ width:100%;
      height:80px;
	  background:#FFF;
	  box-shadow:0px 1px 5px #424242 ;
}
.header{ /*width:1024px;*/
		 width:71.1111111%;
         height:80px;
		 margin:5px auto;
		 box-shadow:0px 1px 5px #424242 ;
}
.header .sy{ /*width:240px;*/
			 width:23.4375%;
             height:80px;
			 float:left;
			 background:url(../images/logo.jpg);
}
.header .hrt{ /*width:784px;*/
			  width:76.5625%;
              height:80px; 
			  float:right;
			  background:#212121;
}
.nav{ /*width:1024px;*/
	  width:71.1111111%;
      height:40px;
	  margin:.4882813% auto;
	  background:#000;
}
 .nav a{ display:block;
         /*width:128px;*/
         width:12.5%;
		 height:37px;
		 line-height:37px;		
		 text-align:center;
		 font-size:1.25em;
		 float:left;
		 text-decoration:none;
		 background:#000;
}
.banner{ /*width:1024px;*/
		 width:71.1111111%;
         height:450px;
    	 margin:.4882813% auto;		 
}
#bannerLeft{ /*width:250px;*/
			 width:24.4140625%;
             height:377px;
			 float:left;
			 background:url(../images/24.jpg);
			 background-size:cover;
			 box-shadow:1px 1px 2px #212121;
}
#bannerLeft h3{ color:#FFF;
				line-height:19px;
				border-width:0px 0px 1px 4px ;
				border-color:#F44336;
				border-style:solid;
				margin-top:4%;
}
#bannerLeft p{ /*width:240px;*/
			   width:96%;
               height:19px;
			   color:#FFF;
			   line-height:19px;
			   font-size:87.5%;
			   margin:0 0 4.1666667% 4.1666667%;
			   border-bottom:1px solid #FF9800;
			   overflow:hidden;
}
#bannerLeft a{ background:rgba(0,0,0,0);
               color:#FFF;
			   text-decoration:none;
			   border:none;
}
#bannerLeft a:hover{ color:#cfb53b;}
#bannerLeft p:nth-of-type(2){ border-color:#FFEB3B;}
#bannerLeft p:nth-of-type(3){ border-color:#4CAF50;}
#bannerLeft p:nth-of-type(4){ border-color:#2190f3;}
#bannerLeft p:nth-of-type(5){ border-color:#3F51B5;}
#bannerLeft p:nth-of-type(6){ border-color:#9C27B0;}
#ss{ padding-left:4%;
     color:#FFF;
     overflow:hidden;
}
#ss h2{ text-align:center;}
#dl{ /*width:230px;*/
	 width:92%;
     height:20px;
	 margin:2.173913% 0;
}
#dl input:nth-of-type(1){ float:left;}
#dl input:nth-of-type(2){ float:right;}
#dl input:nth-of-type(3){ float:right; margin-right:2.173913%;}
.bannerRightTop{ /*width:770px;*/
				 width:75.1953125%;
                 height:377px;
				 margin:0px 0px .4882813% .390625%;
				 float:right;
				 background:#000;
				 overflow:hidden;				 
}
.bannerRightTop ul{ /*width:3850px;*/
					width:500%;
                    height:377px;
					animation:cs 30s 2s alternate ease-in-out infinite ;
}
.bannerRightTop li{ width:770px;
                    height:377px;
					float:left;
					list-style:none;
}
.bannerRightTop li img{ width:770px;
                        height:377px;
}
@keyframes cs{
            0%   { margin-left:0px;}
            25%  { margin-left:-770px;}
            50%  { margin-left:-1540px;}
            75%  { margin-left:-2310px;}
            100% { margin-left:-3080px;}
}
.bannerRightBottom{ /*width:1024px;*/
					width:100%;
                    height:68px;
					float:right;
					background-image:url(../images/11.jpeg);
					background-attachment:fixed;
}
.bannerRightBottom h1{ 
         color:#FFF;
		 margin:2px 0px 0px 2px ;
		 padding-left:5px;
		 border-width:0px 0px 1px 4px;
		 border-style:solid;
		 border-color:red;
}
.music{ /*width:1024px;*/
		width:71.1111111%;
        height:340px;
		margin:.4882813% auto;
}
.muc{ /*width:200px;*/
	  width:58.8235294%;
      height:200px;
	  background:url(../images/tm01.png) no-repeat;
	  margin:170% auto 0px;
	  border-radius:50%;
}
.mub{ /*width:340px;*/
	  width:100%;
      height:80px;
	  background:rgba(0,0,0,0.5);
	  color:#FFF;
	  text-align:center;
	  line-height:80px;	
	  font-size:28px;
}
.musicLeft{ /*width:340px;*/
			width:33.203125%;
            height:340px;
			background:url(../images/12.jpg) no-repeat;
			background-size:cover;
			float:left;
			overflow:hidden;
}
.musicLeft:hover{ 
        background:url(../images/001.png) no-repeat;
        background-size:cover;
	    -webkit-transition:all 0.7s ease-out ;
		-moz-transition:all 0.7s ease-out ;
		-ms-transition:all 0.7s ease-out ;
		-o-transition:all 0.7s ease-out ;
		transition:all 0.7s ease-out ;
                  
}
.musicLeft:hover .muc{ 
        margin:8.88235294% auto;
        background:url(../images/12.jpg) no-repeat;
	    background-size:cover;
		-webkit-transition:all 0.5s ease-in ;
		-moz-transition:all 0.5s ease-in ;
		-ms-transition:all 0.5s ease-in ;
		-o-transition:all 0.5s ease-in ;
		transition:all 0.5s ease-in ;
}
.musicCenter{ /*width:340px;*/
			  width:33.203125%;
              height:340px;
			  background:url(../images/13.jpg) no-repeat;
			  background-size:cover;
			  float:left;
			  margin:0 .1953125%;
			  overflow:hidden;
}
.musicCenter:hover{ 
        background:url(../images/002.png) no-repeat;
		background-size:cover;
		-webkit-transition:all 0.7s ease-out ;
	    -moz-transition:all 0.7s ease-out ;
		-ms-transition:all 0.7s ease-out ;
		-o-transition:all 0.7s ease-out ;
		transition:all 0.7s ease-out ;
                  
}
.musicCenter:hover .muc{ 
        margin:8.88235294% auto;
        background:url(../images/13.jpg) no-repeat;
		background-size:cover;
		-webkit-transition:all 0.5s ease-in ;
		-moz-transition:all 0.5s ease-in ;
		-ms-transition:all 0.5s ease-in ;
		-o-transition:all 0.5s ease-in ;
		transition:all 0.5s ease-in ;
}
.musicRight{ /*width:340px;*/
			 width:33.203125%;
             height:340px;
			 background:url(../images/14.jpg) no-repeat;
			 background-size:cover;
			 float:right;
			 overflow:hidden;
}
.musicRight:hover{ 
        background:url(../images/003.png) no-repeat;
		background-size:cover;
	    -webkit-transition:all 0.7s ease-out ;
	    -moz-transition:all 0.7s ease-out ;
	    -ms-transition:all 0.7s ease-out ;
	    -o-transition:all 0.7s ease-out ;
	    transition:all 0.7s ease-out ;
                  
}
.musicRight:hover .muc{ 
        margin:8.88235294% auto;
        background:url(../images/14.jpg) no-repeat;
		background-size:cover;
		-webkit-transition:all 0.5s ease-in ;
		-moz-transition:all 0.5s ease-in ;
		-ms-transition:all 0.5s ease-in ;
		-o-transition:all 0.5s ease-in ;
		transition:all 0.5s ease-in ;
}
.gybj{ /*width:1024px;*/ 
	   width:71.1111111%;
       height:68px;
	   margin:.4882813% auto;
	   background:url(../images/11.jpeg) repeat-x fixed;
}
.gybj h1{ color:#FFF;
		  margin:.1953125% 0 0 .1953125% ;
		  padding-left:.4882813%;
		  border-width:0 0 0.0625em 0.0625em;
		  border-style:solid;
		  border-color:red;
}
.movie{ /*width:1024px;*/
		width:71.1111111%;
        height:504px;
		margin:.4882813% auto;
}
.movieLeftTop{ 
        /*width:510px;*/
        width:49.8046875%;
        height:250px;	    
		margin-bottom:.7843137%;
		float:left;	
		overflow:hidden;
}
.movieLeftTop:hover .mlt{
        -webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-o-transform:scale(1.2);
        transform:scale(1.2);
}
.mlt{ background:url(../images/15.jpg) no-repeat;
      -webkit-transition:all 0.5s ease ;
	  -moz-transition:all 0.5s ease ;
	  -ms-transition:all 0.5s ease ;
	  -o-transition:all 0.5s ease ;
      transition:all 0.5s ease ;
      /*width:510px;*/
      width:100%;
	  height:250px;
}
.mlt h2{ color:rgba(255,255,255,0);
         text-align:center;
		 line-height:190px;
		 transform:translateY(-40px)
}
.mlt:hover h2{ -webkit-transform:translateY(0px);
               -moz-transform:translateY(0px);
			   -ms-transform:translateY(0px);
			   -o-transform:translateY(0px);
               transform:translateY(0px);
			   -webkit-transition:all 0.5s ease ;
			   -moz-transition:all 0.5s ease ;
			   -ms-transition:all 0.5s ease ;
			   -o-transition:all 0.5s ease ;
               transition:all 0.5s ease ;
			   color:#FFF;
}
.movieRightTop{ 
        /*width:510px;*/
        width:49.8046875%;
        height:250px;
		background:#000;
		margin-bottom:.7843137%;
		float:right;
		overflow:hidden;
}
.movieRightTop:hover .mrt{
        -webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-o-transform:scale(1.2);
        transform:scale(1.2);
}
.mrt{ background:url(../images/18.jpeg) no-repeat;
      -webkit-transition:all 0.5s ease ;
	  -moz-transition:all 0.5s ease ;
	  -ms-transition:all 0.5s ease ;
	  -o-transition:all 0.5s ease ;
      transition:all 0.5s ease ;
      /*width:510px;*/
      width:100%;
	  height:250px;
}
.mrt h2{ color:rgba(255,255,255,0);
         text-align:center;
		 line-height:260px;
		 transform:translateY(-110px)
}
.mrt:hover h2{ -webkit-transform:translateY(0px);
               -moz-transform:translateY(0px);
			   -ms-transform:translateY(0px);
			   -o-transform:translateY(0px);
               transform:translateY(0px);
			   -webkit-transition:all 0.5s ease ;
			   -moz-transition:all 0.5s ease ;
			   -ms-transition:all 0.5s ease ;
			   -o-transition:all 0.5s ease ;
               transition:all 0.5s ease ;
			   color:#FFF;
}
.movieLeftBottom{
        /*width:250px;*/
        width:24.4140625%;
		height:250px;
		float:left;
		background:url(../images/19.png);
		background-size:cover; 
		overflow:hidden;
}
.movieLeftBottom a{ text-decoration:none;}
/*.movieLeftBottom img{ 
        width:3px;
        height:15px; 
		opacity:0;
}*/
.movieLeftBottom .mText{ 
        /*width:248px;*/
        width:99.2%;
		height:56px;
		line-height:58px;
		font-size:1.25em; 
		float:left;
		border:1px solid #000;
		margin:.8064516% 0;
}
.mText:hover{
        -webkit-transition:all 0.6s ease ; 
		-moz-transition:all 0.6s ease ; 
		-ms-transition:all 0.6s ease ; 
		-o-transition:all 0.6s ease ; 
		transition:all 0.6s ease ; 
		-webkit-transform:translateX(20px); 
		-moz-transform:translateX(20px); 
		-ms-transform:translateX(20px); 
		-o-transform:translateX(20px); 
		transform:translateX(20px); 
		background:rgba(255,255,255,0.3);
}
.mText p{ /*margin-left:20px;*/
		  margin-left:8.0645161%;
          line-height:58px; 
}
.mText a:hover{ color:#cfb53b;}
.movieRightBottom{ 
        /*width:770px;*/
        width:75.1953125%;
		height:250px;
		float:right;
		background:url(../images/17.jpg);
}
.movieRightBottom:hover{         
		background:url(../images/16.gif); 
		background-size:cover;
}
.dongman{ /*width:1024px;*/
		  width:71.1111111%;
          height:400px;
		  margin:.4882813% auto;
}
.dongman h3{ /*width:500px;*/
			 width:98.0392157%;
             height:24px;
			 background:#FFF;
			 box-shadow:0px 1px 5px #212121;
			 padding-left:2%;
}
.dongman h3 a,h3 span{ 
          background:#FFF;
		  color:#039be5; 
		  font-size:1em;
		  margin-left:1.9607843%; 
}
.dongml{ /*width:510px;*/
		 width:49.8046875%;
         height:400px; /*background:#000;*/
         -webkit-box-sizing:border-box;
		 -moz-box-sizing:border-box;
		 -ms-box-sizing:border-box;
		 -o-box-sizing:border-box;
		 box-sizing:border-box;
		 border:1px solid #000;
		 float:left;
		 overflow:hidden;
}
.gqjTl{ /*width:252px;*/
		width:49.117647%;
        height:186px; 
		float:left;
		margin-top:.7936508%; 
		background:url(../images/28.png) no-repeat;
}
.gqjTl:hover{ background:url(../images/29.jpg) no-repeat;
              -webkit-transition:all .5s ;
			  -moz-transition:all .5s ;
			  -ms-transition:all .5s ;
			  -o-transition:all .5s ;
              transition:all .5s ;
}
.gqjTr{ /*width:252px;*/
		width:49.117647%;   
		height:186px; 
		float:right;
		margin-top:.7936508%;
		background:url(../images/30.jpg) no-repeat;
}
.gqjTr:hover{ background:url(../images/31.jpg) no-repeat;
              -webkit-transition:all .5s ;
			  -moz-transition:all .5s ;
			  -ms-transition:all .5s ;
			  -o-transition:all .5s ;
              transition:all .5s ;
}
.gqjBl{ /*width:252px;*/
		width:49.117647%;
        height:186px; 
		float:left;
		margin-top:.7936508%;
		background:url(../images/32.jpg) no-repeat;
}
.gqjBl:hover{ background:url(../images/33.jpg) no-repeat;
              -webkit-transition:all .5s ;
			  -moz-transition:all .5s ;
			  -ms-transition:all .5s ;
			  -o-transition:all .5s ;
              transition:all .5s ;
}
.gqjBr{ /*width:252px;*/
		width:49.117647%;
        height:186px; 
		float:right;
		margin-top:.7936508%;
		background:url(../images/34.jpg) no-repeat;
}
.gqjBr:hover{ background:url(../images/35.jpg) no-repeat;
              -webkit-transition:all .5s ;
			  -moz-transition:all .5s ;
			  -ms-transition:all .5s ;
			  -o-transition:all .5s ;
              transition:all .5s ;
}
.dongmrTop{ /*width:510px;*/
			width:49.8046875%;
            height:198px;
			float:right;
			border:1px solid #000;
		    -webkit-box-sizing:border-box;
		    -moz-box-sizing:border-box;
		    -ms-box-sizing:border-box;
		    -o-box-sizing:border-box;
		    box-sizing:border-box;
			margin-bottom:.3921569%;
			overflow:hidden;
}
.dongmrTopl{ /*width:206px;*/
			 width:40.3921569%;
             height:172px;
			 float:left;
			 margin-top:.9708738%;
}
.dongmrTopl a{ display:block;
               /*width:200px;*/
               width:97.0873786%;
			   height:40px;
			   text-align:right;
			   padding-right:3%;
			   line-height:40px;
			   margin-bottom:1.5%;
			   text-decoration:none;
}
.dongmrTopl a:hover{ border:none;}
.dongmrTopr{ /*width:300px;*/
			 width:58.8235294%;
             height:172px;
			 background:#FFF;
			 float:right;
			 margin-top:.6666667%;
			 overflow:hidden;
}
.dongmrTopr ul{ /*width:300px;*/
				width:100%;
                height:688px;
				animation:xhc 15s 1s alternate ease-in-out infinite ;
}
.dongmrTopr li{ /*width:300px;*/
				width:100%;
                height:172px;
				list-style:none;
}
.dongmrTopr li img{
        width:100%;
		height:172px;
}
@keyframes xhc{
            0%   { margin-top:0px;}
            33%  { margin-top:-172px;}
            66%  { margin-top:-344px;}
            99%  { margin-top:-516px;}
			100% { margin-top:-516px;}
}
.dongmrBottom{ /*width:510px;*/
			   width:49.8046875%;
               height:198px;
			   background:#000;
			   float:right;
			   border:1px solid #000;
		       -webkit-box-sizing:border-box;
		       -moz-box-sizing:border-box;
		       -ms-box-sizing:border-box;
		       -o-box-sizing:border-box;
		       box-sizing:border-box;
		       overflow:hidden;
}
.dongmrBottoml{ /*width:300px;*/
				width:58.8235294%;
                height:172px;
			    float:left;
			    margin-top:.6666667%;
			    overflow:hidden;
}
.dongmrBottomr{ /*width:206px;*/
				width:40.39215669%;
                height:172px;
			    background:#FFF;
			    float:right;
			    margin-top:.9708738%;
}
.dongmrBottoml ul{ /*width:300px;*/
				   width:100%;
                   height:688px;
				   animation:gm 15s 1s alternate ease-in-out infinite ;
}
.dongmrBottoml li{ /*width:300px;*/
				   width:100%;
                   height:172px;
				   list-style:none;
}
.dongmrBottoml li img{
        width:300px;
		height:172px;
}
@keyframes gm{
            0%   { margin-top:0px;}
            33%  { margin-top:-172px;}
            66%  { margin-top:-344px;}
            99%  { margin-top:-516px;}
			100% { margin-top:-516px;}
}
.dongmrBottomr a{ display:block;
                  /*width:200px;*/
                  width:97.0873786%;
			      height:40px;
			      padding-left:3%
			      line-height:40px;
			      margin-bottom:1.5%;
			      text-decoration:none;
}
.dongmrBottomr a:hover{ border:none;}
.exeApp{ width:1024px;
         height:350px;
		 margin:5px auto;
		 background:url(../images/27.jpg);
		 background-size:cover;
}
.exeApp span a{
          color:#000;
          margin-left:5px; 
	      font-size:14px;background:none;
}
.exeApp h3{ width:500px;
            height:24px; 
			background:#FFF;
			box-shadow:0px 1px 5px #212121;
			padding-left:10px;
			margin-bottom:2px;
}
.eaL{ width:510px;
      height:350px;
	  float:left; 
}
.eaR{ width:510px;
      height:350px;
	  float:right; 
}
.fk{ width:510px; 
	 height:326px;
	 float:left;
}
.fk label{ 
	  width:495px;
	  height:30px;
	  color:#FFF;
	  background:rgba(0,0,0,0.5);
	  display:inline-block;
	  padding-left:15px;
}
.fk input{ display:none;} 
.fk a{ background:none;}
.fk li{ list-style:none;
		 display:none;
		 width:100%;
		 height:30px;
		 width:480px;
		 height:24px;
         padding-left:30px;
}
.fk ul{ width:510px;
        height:auto; background:rgba(0,0,0,0.5)
}
.fk input:checked ~ li{ 
	  display:block;
	  animation: pc 1s ease;		
}
@keyframes pc{
    from{ opacity:0;}
	to  { opacity:1;}
}
.starry{ width:1024px;
       height:500px;
	   margin:5px auto;
	   background:#fafafa;
	   overflow:hidden;
}
.starry a{ 
    color:#000;
    text-decoration:none;
}
.starry ul{ width:100%;
          height:100%;
		  list-style:none;
		  position:relative; 
}
.starry ul li{ width:33.33%;
             float:left;
}
.starry input{ display:none;}

.starry label{ border-right:1px solid #bdbdbd;
             border-bottom:1px solid #e0e0e0;
			 width:100%;
			 height:54px; 
			 background:#FFF;
			 display:inline-block;
             text-align:center;
			 line-height:50px;
			 cursor:pointer;
			 box-sizing:border-box;
}
.starry ul>li>div{ display:none;}
.starry input:checked ~ div{
        display:block;
		position:absolute;
		top:55px;
		right:0px;
		width:1324px;
		height:445px;	
}
.starry input:checked + label{ 
        border-bottom:1px solid #eee;
		border-top:3px solid #950c00;
		background:#fafafa;
}
.starry input:checked ~ div:hover{ 
          position:absolute;
		  top:55px;
		  right:-300px;
		  transition:all 0.5s ease ;
} 
#staL{ background:url(../images/22.jpg) no-repeat top right;}
#staC{ background:url(../images/21.jpg) no-repeat top right;}
#staR{ background:url(../images/20.jpg) no-repeat top right;}
.staGy{ width:300px;
        height:445px;
		background:url(../images/24.jpg);
		background-size:cover;
		float:left;
}
.staGy p{ color:#FFF;}
.textBoxTop{ width:200px;
             height:200px;
			 border-radius:50%;
			 margin:100px 50px 0px 50px;
			 opacity:0; 
}
.textBoxCenter{ width:300px;  
                height:50px;
				color:#FFF;
				line-height:50px;
				text-align:center;
				margin:0px auto;
				cursor:default;
				opacity:0;
}
.textBoxBottom{ width:300px;
                height:80px; 
				line-height:80px;
				text-align:center;
				font-size:26px;		
				margin:15px auto 0px;
				opacity:0;
}
#staL:hover .textBoxCenter{
        opacity:1;
		background:rgba(0,0,0,0.4);
        -webkit-transition:all 3s ease ;
		-moz-transition:all 3s ease ;
		-ms-transition:all 3s ease ;
		-o-transition:all 3s ease ;
		transition:all 3s ease ;
}
#staC:hover .textBoxCenter{
        opacity:1;
		background:rgba(0,0,0,0.4);
        -webkit-transition:all 3s ease 0.5s;
		-moz-transition:all 3s ease 0.5s;
		-ms-transition:all 3s ease 0.5s;
		-o-transition:all 3s ease 0.5s;
		transition:all 3s ease 0.5s;
}
#staR:hover .textBoxCenter{
        opacity:1;
		background:rgba(0,0,0,0.4);
        -webkit-transition:all 3s ease 0.5s;
		-moz-transition:all 3s ease 0.5s;
		-ms-transition:all 3s ease 0.5s;
		-o-transition:all 3s ease 0.5s;
		transition:all 3s ease 0.5s;
}
.staGy:hover .textBoxBottom{ 
         opacity:1; 
		 background:rgba(0,0,0,0.6); 
		 -webkit-transition:all 2s ease ;
		 -moz-transition:all 2s ease ;
		 -ms-transition:all 2s ease ;
		 -o-transition:all 2s ease ;
		 transition:all 2s ease ;
}
#staL:hover .textBoxTop{  
		 margin:20px auto;
		 background:url(../images/23.jpg) no-repeat top left;
         background-size:cover;
		 -webkit-transition:all 0.8s ease 0.5s ;
		 -moz-transition:all 0.8s ease 0.5s  ;
         -ms-transition:all 0.8s ease 0.5s ;
		 -o-transition:all 0.8s ease 0.5s ;
		 transition:all 0.8s ease 0.5s ;
		 opacity:1;
}
#staC:hover .textBoxTop{  
		 margin:20px auto;
		  background:url(../images/25.jpg) no-repeat top left;
         background-size:cover;
		 -webkit-transition:all 0.8s ease 0.5s ;
		 -moz-transition:all 0.8s ease 0.5s  ;
         -ms-transition:all 0.8s ease 0.5s ;
		 -o-transition:all 0.8s ease 0.5s ;
		 transition:all 0.8s ease 0.5s;
		 opacity:1;
}
#staR:hover .textBoxTop{  
         margin:20px auto;
		 background:url(../images/26.jpg) no-repeat top left;
         background-size:cover;
		 -webkit-transition:all 0.8s ease 0.5s ;
		 -moz-transition:all 0.8s ease 0.5s  ;
         -ms-transition:all 0.8s ease 0.5s ;
		 -o-transition:all 0.8s ease 0.5s ;
		 transition:all 0.8s ease 0.5s;
		 opacity:1;
}
.read{ width:1024px;
       height:250px;
	   margin:5px auto;
	   text-indent:2em;
	   overflow:hidden;
}
.read a{ background:rgba(0,0,0,0);
         color:#212121;
		 text-decoration:none;
}
.read h3{ color:#950c00;
          background:#FFF;
		  box-shadow:0px 1px 5px #212121; 
}
.read span{ margin-left:5px; font-size:14px;}
.read ul{ width:168px;
          height:230px;
		  float:right;
		  font-size:14px;
		  margin-top:2px;
		  border-right:1px solid #bdbdbd;
          background:#FFF;
}
.read ul li{ margin-top:2px;
             list-style:none;
			 width:100%;
             height:20px;
}
.readLeft{ width:340px;
           height:250px;
		   float:left;
}
.readCenter{ width:340px;
             height:250px;
		     float:left;
			 margin:0px 2px;
}
.readRight{ width:340px;
               height:250px;
			   float:left;
}
.footer{ width:1024px;
         height:50px;
		 background:#000;
		 margin:0px auto;
		 color:#FFF;
		 
}
.footer a{ text-decoration:none;
           animation:fff 5s 1s alternate ease-in-out infinite ;
           float:right;
}
@keyframes fff{
    0%   { color:#f44336;}
	20%  { color:#ff9800;}
	40%  { color:#ffeb3b;}
	60%  { color:#4caf50;}
	80%  { color:#03a9f4;}
	100% { color:#3f51b5;}
}